<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
          content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <title>我的</title>
    <link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<div class="user-info">
    <img id="logo" src="#" alt="" class="avatar">
    <div class="text">
        <div id="name" class="name"></div>
        <div class="tag">品行会员</div>
    </div>

</div>
<!-- 个人信息 -->

<div class="order-classi">
    <a href="my-order.html" class="title-wrapper bottom-border">
        <div class="title">我的订单</div>
        <div class="text">查看全部订单</div>
    </a>
    <div class="content">
        <a href="my-order.html?status=0" class="classi-item">
            <img src="img/dfk.png" alt="" class="icon">
            <div class="text">待付款</div>
            <div style="display:none;" id="dfk" class="num">12</div>
        </a>
        <a href="my-order.html?status=1" class="classi-item">
            <img src="img/dfh.png" alt="" class="icon">
            <div class="text">待发货</div>
            <div style="display:none;" id="dfh" class="num">8</div>
        </a>


        <a href="my-order.html?status=2" class="classi-item">
            <img src="img/dsk.png" alt="" class="icon">
            <div class="text">待收货</div>
            <div style="display:none;" id="dsh" class="num">8</div>
        </a>
        <a href="my-order.html?status=11" class="classi-item">
            <img src="img/dth.png" alt="" class="icon">
            <div class="text">待提货</div>
            <div style="display:none;" id="dth" class="num">99</div>
        </a>
        <a href="my-order.html?status=3" class="classi-item">
            <img src="img/dpj.png" alt="" class="icon">
            <div class="text">待评价</div>
            <div style="display: none;" id="dpj" class="num">18</div>
        </a>
        <a href="my-order.html?status=5" class="classi-item">
            <img src="img/tksh.png" alt="" class="icon">
            <div class="text">退款售后</div>
            <div style="display:none;" id="tksh" class="num">8</div>
        </a>
    </div>
</div>
<!-- 订单分类 -->

<div class="service-list">
    <div class="title">我的服务</div>
    <div class="content">
        <div class="con">
            <!--<a href="qiandao.html" class="service-item">-->
            <!--<img src="img/jf.png" alt="" class="icon">-->
            <!--<div class="text">签到积分</div>-->
            <!--</a>-->
            <a href="coupon.html" class="service-item">
                <img src="img/card.png" alt="" class="icon">
                <div class="text">我的卡券</div>
            </a>
            <!--<a href="javascript:;" class="service-item">-->
            <!--<img src="img/tj.png" alt="" class="icon">-->
            <!--<div class="text">我要推荐</div>-->
            <!--</a>-->
            <a href="user-center.html" class="service-item">
                <img src="img/hy.png" alt="" class="icon">
                <div class="text">会员中心</div>
            </a>
            <a href="collection.html" class="service-item">
                <img src="img/sc.png" alt="" class="icon">
                <div class="text">我的收藏</div>
            </a>
            <!--<a href="javascript:;" class="service-item">-->
            <!--<img src="img/kf.png" alt="" class="icon">-->
            <!--<div class="text">我的客服</div>-->
            <!--</a>-->
            <a href="address.html" class="service-item">
                <img src="img/dz.png" alt="" class="icon">
                <div class="text">我的地址</div>
            </a>
            <a href="peisongd.html" class="service-item">
                <img src="img/ps.png" alt="" class="icon">
                <div class="text">配送点</div>
            </a>
        </div>
    </div>
</div>
<!-- 服务列表 -->

<div class="tab-bar-section">
    <div class="tab-bar bottom-border">
        <a href="index.html" class="bar-item">
            <img src="img/home.png" class="icon" alt="">
            <div class="text">首页</div>
        </a>
        <a href="classification.html" class="bar-item">
            <img src="img/class.png" class="icon" alt="">
            <div class="text">分类</div>
        </a>
        <a href="javascript:;" class="bar-item">
            <img src="img/saoyis.png" style="margin: 0.1rem auto 0;width: 0.81rem;height: 0.81rem;" class="icon" alt="">
        </a>

        <a id="cartShowNum" href="cart1.html" class="bar-item">
            <img src="img/cart_m.png" class="icon" alt="">
            <div class="text">购物车</div>
            <!--<div class="num">111</div>-->
        </a>
        <a href="javascript:;" class="bar-item  on">
            <img src="img/user02.png" class="icon" alt="">
            <div class="text">我的</div>
        </a>
    </div>
    <div class="zhanwei"></div>
</div>
<!-- 底部菜单 -->

<!-- 以下为页面js部分 -->
<script type="text/javascript" src="js/rem.js"></script>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script src="js/layers/layer.js" type="text/javascript" charset="utf-8"></script>
<script src="js/pages/public.js" type="text/javascript" charset="utf-8"></script>
<script src="js/pages/user.js" type="text/javascript" charset="utf-8"></script>
<script>
    init();
    $('.top-menu2 .menu-item').click(function () {
        $(this).addClass('on').siblings().removeClass('on');
    })

    $(document).on('click', 'img', function () {
        alertMsg("点击")
        $(this).preventDefault();
    })
    // 顶部导航
</script>
</body>
</html>